<@main.page title="企业信息列表">
<!-- 	<div class="col-md-12">
        <div class="portlet box purple">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-reorder"></i> 查询内容
                </div>
                <div class="tools">
                    <a class="collapse" href="javascript:;"></a>
                </div>
                <div class="actions">
                    <a class="btn yellow" href="#"> <i class="fa fa-search"></i> 查询
                    </a> <a class="btn yellow" href="#"> <i class="fa fa-file-text"></i>
                        导出
                    </a> <a class="btn yellow" href="#"> <i class="fa fa-print"></i> 打印
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <div class="row">
                    <form class="form-horizontal">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="control-label col-md-4">企业名称</label>
                                <div class="col-md-8">
                                    <input name="" type="text" class="form-control" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="control-label col-md-4">企业类型</label>
                                <div class="col-md-8">
                                    <input name="" type="text" class="form-control" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="control-label col-md-4">企业等级</label>
                                <div class="col-md-8">
                                    <input name="" type="text" class="form-control" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="control-label col-md-4">经济类型</label>
                                <div class="col-md-8">
                                    <input name="" type="text" class="form-control" />
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div> -->
<div class="portlet box  purple">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-coffee"></i> 企业信息列表
        </div>
        <div class="tools">
            <a class="collapse" href="javascript:;"></a>
        </div>
        <div class="actions">
            <a class="btn blue" href="企业基本信息_Edit.html"><i
                    class="fa fa-plus"></i> 新建</a> <a class="btn blue"
                                                      href="企业基本信息_Edit.html"><i class="fa fa-edit"></i> 编辑</a> <a
                class="btn blue" href="企业基本信息_Detail.html"><i
                class="fa fa-table"></i> 查看</a> <a class="btn blue"><i
                class="fa fa-times"></i> 删除</a>
        </div>
    </div>
    <div class="portlet-body">
        <table id="table-main"
               class="table table-striped table-bordered table-hover table-full-width dataTable">
            <thead>
            <tr role="row">
                <th class="table-checkbox"><input type="checkbox"
                                                  class="group-checkable" data-set="#table-main .checkboxes"/></th>
                <th class="sorting" role="columnheader" aria-controls="sample_2"
                    style="width: 194px;">企业名称
                </th>
                <th class="hidden-xs sorting" role="columnheader"
                    aria-controls="sample_2" style="width: 236px;">注册号(营业执照)
                </th>
                <th class="hidden-xs sorting" role="columnheader"
                    aria-controls="sample_2" style="width: 214px;">企业类型
                </th>
                <th class="hidden-xs sorting" role="columnheader"
                    aria-controls="sample_2" style="width: 166px;">企业等级
                </th>
                <th class="hidden-xs sorting" role="columnheader"
                    aria-controls="sample_2" style="width: 116px;">经济类型
                </th>
                <th class="hidden-xs" role="columnheader"
                    aria-controls="sample_2"
                    style="width: 116px; text-align: center">操作
                </th>
            </tr>
            </thead>
            <tbody>
            <tr class="odd">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="even">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="odd">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="even">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="odd">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="even">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="odd">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="even">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="odd">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="even">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="odd">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="even">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="odd">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="even">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="odd">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            <tr class="even">
                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                <td class=" ">化工企业</td>
                <td class="  sorting_1">15272300000XXXX</td>
                <td class=" ">化工</td>
                <td class=" ">A级</td>
                <td class=" ">私营经济</td>
                <td class="" style="text-align: center"><a class="btn blue"
                                                           href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                        class="btn green" href="企业基本信息_Detail.html"><i
                        class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                        class="fa fa-times"></i></a></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

<script type="text/javascript">
    var oTable;
    $(document).ready(function () {
        initTable();
    });

    //init 表格
    function initTable() {
        // begin: third table
        oTable = $('#table-main').dataTable({
            select: true,
            "aLengthMenu": [[5, 15, 20, -1], [5, 15, 20, "All"]],
            "iDisplayLength": 5,
            "sPaginationType": "bootstrap",
            "oLanguage": {
                "sLengthMenu": "_MENU_ 条",
                "oPaginate": {
                    "sPrevious": "Prev",
                    "sNext": "Next"
                }
            },
            "aoColumnDefs": [{
                'bSortable': false,
                'aTargets': [0]
            }]
        });

        $('#table-main').find('.group-checkable').change(function () {
            var set = jQuery(this).attr("data-set");
            var checked = jQuery(this).is(":checked");
            jQuery(set).each(function () {
                if (checked) {
                    $(this).attr("checked", true);
                } else {
                    $(this).attr("checked", false);
                }
            });
            jQuery.uniform.update(set);
        });

        $('#table-main').on('click', 'tr', function () {

            if ($(this).hasClass('selected')) {
                $(this).removeClass('selected');
            } else {
                $('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        });

        $('.dataTables_wrapper .dataTables_filter input').addClass(
                "form-control input-small"); // modify table search input
        $('.dataTables_wrapper .dataTables_length select').addClass(
                "form-control input-xsmall"); // modify table per page dropdown
        $('.dataTables_wrapper .dataTables_length select').select2(); // initialize select2 dropdown
    }
</script>
</@main.page>
